<template>
	<view class="bg-white radius-lg margin-bottom padding">
		<view class="text-lg text-bold padding-bottom-sm solid-bottom">
			<!-- <text class="cuIcon-titles color-blue"></text> -->
			<text class="cuIcon-titles" :class="theme == 'fs'?'color-blue':'color-green'"></text>
			<text class="text-black">作业信息</text>
		</view>

		<view class="text-lg text-gray margin-tb-sm">
			药物图
		</view>
		<uv-album singleSize="120" multipleSize="100" singleMode="scaleToFill" :urls="picData.drugImage"></uv-album>

		<view class="text-lg text-gray margin-tb-sm">
			开药图
		</view>
		<uv-album singleSize="120" multipleSize="100" singleMode="scaleToFill"
			:urls="picData.prescribeImage"></uv-album>

		<view class="text-lg text-gray margin-tb-sm">
			作业图
		</view>
		<uv-album singleSize="120" multipleSize="100" singleMode="scaleToFill" multipleMode="scaleToFill"
			:urls="picData.homeworkImage"></uv-album>

		<view class="text-lg text-gray margin-tb-sm">
			收队图
		</view>
		<uv-album singleSize="120" multipleSize="100" singleMode="scaleToFill" :urls="picData.endImage"></uv-album>

		<view class="text-lg text-gray margin-tb-sm">
			作业轨迹图
		</view>
		<uv-album singleSize="120" multipleSize="100" singleMode="scaleToFill"
			:urls="picData.trajectoryImage"></uv-album>
	</view>
</template>

<script>
	import {
		mapGetters
	} from 'vuex'
	export default {
		props: {
			picData: {
				type: Object,
				default: () => ({
					drugImage: [],
					prescribeImage: [],
					homeworkImage: [],
					endImage: [],
					trajectoryImage: [],
				})
			}
		},
		computed: {
			...mapGetters(['theme']),
		},
		data() {
			return {}
		}
	}
</script>

<style>
</style>